<template>
    <div>
        <h1>我是b组件</h1>
    </div>
</template>

<script>
import eventBus from '../eventBus/index.js'
export default {
    /**
     * 因为在a组件中我们不能确定用户什么时候发送数据过来，因此
     * 我们可以在b组件创建出来的时候就开始监听sendData事件，
     * 这样就不会错过数据的接收
     * 举例：你的朋友让你去公交站等他，但是他没有告诉你他什么时候到达，
     * 因此你为了能够等到你的朋友，那你必须在一大早就去公交站等待，
     * 这样才能保证不会错过你的朋友。
     * 
     * 如何知道b组件创建出来了呢？
     * 答：vue专门提供了一个函数让我们能够监测到，这个函数叫created (也叫钩子函数)
     * 这个函数是内置函数，不需要我们调用，他会自动执行的，我们只需要写在和data以及methods等等
     * 同级的地方即可
     * */ 
    created(){
        eventBus.$on("sendData",(val)=>{
            console.log("接收a组件的数据成功：",val);
        })
    }
}
</script>

<style>

</style>